<!--
 @description 首页销售
 @fileName orders.vue
 @author zengqiongying
 @created 2021/06/26 11:17:07
-->
<template>
  <div class="main-page mt10">
    <!-- 销售开单 -->
    <div class="wrapper">
      <div class="main-title" @click.stop="openInstrusction('order','6month')">
        <div>销售开单近6月趋势(车)</div>
        <img class="icon_inst" src="@/assets/image/icon_instructions.png">
        <!-- <div class="chart-dot">
                <div class="dot green">今年</div>
                <div class="dot yellow">去年</div>
              </div> -->
      </div>
      <six-month-chart />
    </div>
    <div class="wrapper">
      <div class="main-title" @click.stop="openInstrusction('order','salemap')">
        当月办事处销售分布图(车)
        <img class="icon_inst" src="@/assets/image/icon_instructions.png">
      </div>
      <map-chart />
    </div>
    <div class="wrapper">
      <div class="main-title" @click.stop="openInstrusction('order','saledetail')">
        各办/部门销售明细(车)
        <img class="icon_inst" src="@/assets/image/icon_instructions.png">
      </div>
      <detail-data-table />
    </div>
  </div>
</template>

<script>
import SixMonthChart from '@/components/order/SixMonthChart'
import MapChart from '@/components/order/MapChart'
import DetailDataTable from '@/components/order/DetailDataTable'
import { parseTime } from '@/utils'
export default {
  name: 'HomeOrdersPage',
  components: { SixMonthChart, MapChart, DetailDataTable },
  props: {
    coreDate: {
      type: String,
      default: parseTime(new Date(), '{y}-{m}-{d}')
    }
  },
  data() {
    return {

    }
  },

  computed: {},

  created() {},
  activated() {},

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' scoped>
</style>
